/* 头部 */

/* .header{
   
    position: fixed;
    top: 0;
    left: 0;
  
    width: 100%;
    min-width: 3.2rem;
    max-width: 7.5rem;
    height: .98rem;
    line-height: .98rem;

    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
    z-index: 1;
    text-align: center;
    
    }
    .header .search{
    position: absolute;
    top: .28rem;
    left: .23rem;
    width: .44rem;
    height: .44rem;
    
    }
    .header h1{
       position: absolute;
        font-size: .38rem;
    top:0; 
    left:0;
    right:0;
    bottom:0; 
    margin:auto;
    font-weight: normal;
    color: #999999;
    }
    
    .header .action{
    position: absolute;
    top: .28rem;
    right: .23rem;
    
    height: .44rem;
    width: .44rem;
        
    } */




    /* 脚部 */
    .footer-nav{
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        /* 固定的盒子应该有宽度 */
        width: 100%;
        min-width: 3.2rem;
        max-width: 7.5rem;
        height: .98rem;
       
        /* 居中 */
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: #fff;
        z-index: 1;
    
    }
    .footer-nav li {
    
        flex: 1;
        
        padding-top: .13rem;
        padding-bottom: .13rem;
    }
    .footer-nav li a{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .footer-nav li img{
    
        width: .39rem;
        height: .39rem;
    }
    .footer-nav li span{
    font-size: .2rem;
    color: #9b9b9b;
    
    }
    